body
{
    /* BODY STYLE SECTION */

    padding-left: 19em;
    font-family: "Times New Roman", Times, serif;
    color:#CCCCCC;
    background-color: black
}

div.p.a
{
    color:limegreen;
}

/* VERTICAL NAVIGATION BAR MENU */

ul.navbar 
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 1em;
    width: 18em
}

ul.navbar li
{
    margin: 0.1em 0;
    padding: 0.1em;
    border-right: 1em
}

ul.navbar a
{
    text-decoration: none
}

/* unvisited link */
ul.navbar a:link 
{
    color:#CCCCCC;
}

/* visited link */
ul.navbar a:visited
{
    color:#CCCCCC;
}
    
/* mouse over link */
ul.navbar a:hover
{
    color: #FFFF00;
}
    
/* selected link */
ul.navbar a:active
{
    color: #B80000;
}
    
/*-------------------------------------*/


/* unvisited link */
a:link {
color:limegreen;
}

/* visited link */
a:visited {
color:#CCCCCC;
}

/* mouse over link */
a:hover {
color: #FFFF00;
}

/* selected link */
a:active {
color: #B80000;
}

/* At bottom of page - NOT WORKING */
address
{
    clear:both;
    padding:15px 0px;
    border-top: thin dotted;
    font-weight: bolder;
    font-size: 14;
   
}

address.a:link
{
color:limegreen;
}
    



/* Styles for navigation 2 */
u2.navbar2
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

u2.navbar2 li
{
    float: left;
    background: black
    margin: 0.1em 0;
    padding: 0.1em;
    border-right: 0.2em solid black
}

u2.navbar2 a
{
    display: block;
    width: 150px;
    background-color: yellow;
}

p.ex
{
    color: white;
}

/* Styles for text on mobile */

div.textformobile 
{
    /*border: 1px solid #B80000;*/
    height: auto;
    min-width: 500px;
    float: left;
    vertical-align: middle;
    text-align: left;
}

/* Styles for image type 1 */

div.img1 
{
    margin: 5px;
    padding: 5px;
    border: 1px solid #0000ff;
    height: auto;
    width: auto;
    float: left;
    vertical-align: middle;
    text-align: center;
}

/* AFFECTS THE HOME PAGE SLIDESHOW ONLY */
div.img1 img 
{
    display: inline;
    margin: 5px;
    border: 2px solid #ffffff;
}

/* AFFECTS THE HOME PAGE SLIDESHOW ONLY */
div.img1 a:hover img
{
    /*border: 1px solid #0000ff;*/
    border: 2px solid lime;
}

/* Styles for image type 1 - Description below image */
div.desc1
{
  text-align: center;
  font-weight: normal;
  width: 405;
  margin: 5px;
}

.descx1
{
    text-align: center;
    font-weight: bolder;
}

/* Styles for image type 10 */
div.img10
{
    border: 1px solid white;
    padding: 5px;
    height: 58px;
    width: 120px;
    float: left;
    vertical-align: middle;
    text-align: center;
}

div.img10 img
{
    border: 1px solid white;
    display: inline;
}

/* Styles for image type 10 */
div.img11
{
    margin: 5px;
    padding: 5px;
    height: auto;
    width: auto;
    float: left;
    vertical-align: middle;
    text-align: center;
}

div.img11 img
{
    display: inline;
    margin: 5px;
}

/* Styles for downloadtext */
div.downloadtext
{
    padding-top: 0px;
    padding-left: 5px;
    float: left;
    word-wrap: break-word;
    vertical-align: top;
    text-align: left;
    line-height: 20%;
    height: 68px;
    width: 570px;
    border: 1px solid white;
}

/* Styles for Paypal 1 */
div.paypal1
{
    padding: 5px;
    height: 58px;
    width: 180px;
    float: left;
    vertical-align: middle;
    text-align: center;
    border: 1px solid white;
}
/* Styles for Paypal 1b */
div.paypal1b
{
    padding: 5px;
    height: 65px;
    width: 180px;
    float: left;
    vertical-align: middle;
    text-align: center;
    border: 1px solid white;
}

/* Styles for Paypal 2 */
div.paypal2
{
    padding: 19px;
    height: 30px;
    width: 180px;
    float: left;
    vertical-align: middle;
    text-align: center;
    border: 1px solid white;
}


/* Styles for PlayPauseButton */
div.PlayPauseButton
{
    padding: 5px;
    height: 58px;
    width: auto;
    float: left;
    vertical-align: middle;
    text-align: center;
    border: 1px solid white;
}
/* Styles for PlayPauseButton */
div.PlayPauseButton2
{
    padding: 5px;
    height: 65px;
    width: auto;
    float: left;
    vertical-align: middle;
    text-align: center;
    border: 1px solid white;
}

.divclearfloatleft 
{
    clear: left;    
}

.div4
{
  border: 1px solid white;
  clear: left;
}

/* Styles for INFORMATION PAGE */
.divspecialheading 
{
    text-decoration:underline;
    padding-left:5px;
    color:lime;
    clear: left;
}

/* Styles for INFORMATION PAGE */
.div_images_left
{	
    width:442px;
    float:left;
    margin:10px 10px;
    border: 1px solid white;
    display: inline;	
}

.div_images_left_1
{
    max-width:1200px;
    float: left;
    margin: 10px 10px;
    border: 1px solid white;
    display: inline;	
}
.div_mobile_text
{
    max-width:1200px;
    min-width: 450px;
    float: left;
    margin: 10px 10px;
    display: inline;	
}
/* Styles for INFORMATION PAGE */
.div_text_left
{	
    width:700px;
    float:left;
    margin:10px 10px;
    border: 1px solid white;
    clear:left;  
}

/* Styles for INFORMATION PAGE */
.div_text_left_1
{	
    width:700px;
    float:left;
    margin:10px 10px;
    border: 1px solid white;
    clear:left;	
}

.div_clear_left
{
    clear:left;	
}

.div_clear_both
{
    clear:both;	
}

/* TEXT BLOCK RIGHT DIV div class="Text-Block-Right" */
.Text-Block-Right
{
    float:left;
    margin:10px 10px;
    border: 1px solid white;
    display: inline;
}

.divnavheading
{
    text-decoration:underline;
}

/*- INFORMATION PAGE HEADING STYLES -*/
.divheadingorange
{
    text-decoration:underline;
    color:#FF6600;
}

.divheadingcyan
{
    text-decoration:underline;
    color:#66FFFF;
}

.divheadingyellow {
    text-decoration:underline;
    color:#FFFF66;
}

.divheadingsilver {
    text-decoration:underline;
    color:silver;
}

.divheadingblue1 {
    text-decoration:underline;
    color:#6A80E3;
}

.divheadingblue2 {
    text-decoration:underline;
    color:#3333FF;
}


.divheadingred1 {
    text-decoration:underline;
    color:#EB1424;
}

.divheadinglime {
    text-decoration:underline;
    color:lime;
}

/* Styles for CRYING ANGEL TITLE */
.divcryingangel
{
    text-decoration:underline;
    color:#CCCCCC;
}

.button
{
    background-color: blue; /* blue */
    border: none;
    color: white;
    /*
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1px;
    margin: 4px 2px;
    cursor: pointer;
    */
}

/* Styles for image type 2 */
div.img2
{
    margin: 5px;
    padding: 5px;
    border: 1px solid #0000ff;
    height: 275;
    width: 425;
    float: left;
    vertical-align: middle;
    text-align: center;
}

div.img2 img
{
    display: inline;
    margin: 5px;
    border: 1px solid #ffffff;
}

div.img2 a:hover img
{
    border: 1px solid #0000ff;
}

div.desc2
{
    text-align: center;
    font-weight: normal;
    width: 405;
    margin: 5px;
}

/* Styles for image type 3 */
div.img3
{
    margin: 5px;
    padding: 5px;
    border: 1px solid #0000ff;
    height: 275;
    width: 425;
    float: left;
    vertical-align: middle;
    text-align: center;
}

div.img3 img
{
    display: inline;
    margin: 5px;
    border: 1px solid #ffffff;
}

div.img3 a:hover img
{
    border: 1px solid #0000ff;
}

div.desc3 {
    text-align: center;
    font-weight: normal;
    width: 405;
    margin: 5px;
}

/* Styles for image type 9 */
div.img9
{
    border: 1px solid #0000ff;    
}

.titleimagesmall
{
    position: absolute;
    top: 10px; left: 15px;
    /*top: 10px; right: 10px;*/
    /*top: 20px; right: 40px;*/
    /*border: 1px solid #0000ff;*/
}

/*--------------------------------------------------*/
.titlelinktohome a p
{
    display: none;
}
.titlelinktohome a:hover p
{
    display: block;
    position: absolute;
    top: 60px; left: 700px;
}


.tilemenubutton
{
    position: absolute;
    top: 10px; left: 1450px;
    /*top: 10px; right: 10px;*/
    /*top: 20px; right: 40px;*/
    /*border: 1px solid #0000ff;*/
}

.indexbutton a p
{
    display: none;
}
.indexbutton a:hover p
{
    display: block;
    position: absolute;
    /*top: 60px; right: 13px;*/
    top: 60px; left: 1447px;
}


.tilemenubutton2
{
    position: absolute;
    top: 10px; left: 1370px;
    /*top: 10px; right: 90px;*/
    /*border: 1px solid #0000ff;*/
}

.menubutton a p
{
    display: none;
}
.menubutton a:hover p
{
    display: block;
    position: absolute;
    /*top: 60px; right: 77px;*/
    top: 60px; left: 1357px;
}


.tilemenubutton3
{
    position: absolute;
    /*top: 70px; right: 200px;*/
    top: 10px; left: 1290px;
    /*top: 10px; right: 170px;*/
    /*border: 1px solid #0000ff;*/
}

.logoutbutton a p
{
    display: none;
}
.logoutbutton a:hover p
{
    display: block;
    position: absolute;
    /*top: 60px; right: 160px;*/
    top: 60px; left: 1280px;
}


.tilemenubutton4
{
    position: absolute;
    top: 10px; left: 1210px;
    /*top: 10px; right: 250px;*/
    /*border: 1px solid #0000ff;*/
}

.loginbutton a p
{
    display: none;
}
.loginbutton a:hover p
{
    display: block;
    position: absolute;
    /*top: 60px; right: 253px;*/
    top: 60px; left: 1207px;
}


.tilemenubutton5
{
    position: absolute;
    top: 10px; left: 1130px;
    /*top: 10px; right: 330px;*/
    /*border: 1px solid #0000ff;*/
}

.viewcartbutton a p
{
    display: none;
}
.viewcartbutton a:hover p
{
    display: block;
    position: absolute;
    /*top: 60px; right: 313px;*/
    top: 60px; left: 1113px;
}

/* Dashed hr */
hr.dashedlhs
{
    border-top: 1px dashed;
    width:90%;
    text-align:left;
    margin-left:0;
}

/* IFRAME VIDEO POSTER FOR YOUTUBE */
.video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
.video img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; cursor: pointer; }
.video:after { content: ""; position: absolute; display: block; 
    background: url(play-button.png) no-repeat 0 0; 
    top: 45%; left: 45%; width: 46px; height: 36px; z-index: 30; cursor: pointer; } 
.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 
/* image poster clicked, player class added using js */
.video.player img { display: none; }
.video.player:after
{
    display: none;
}

/* 220219 Additional for audio playlist player */
/*
div#audio_player{ width:350px; height:60px;}
div#audio_controls{ margin-left:10px; }
div#audio_controls > button{ border:none; cursor:pointer; outline:rgb(14, 13, 13); display:block; float:left; margin:22px 10px 0px 0px; }
div#audio_controls > input{ outline:#FFF; display:block; float:left; margin:24px 10px 0px 0px; }
*/
button#playpausebtn
{
    /*
	background:url(images/pause.png) no-repeat;
	width:12px;
	height:14px;
    */
    border-width: 3px;

}

button#mutebtn
{
	/*
    background:url(images/speaker.png) no-repeat;
	width:5px;
	height:14px;
    */
    border-width: 3px;
}
input#seekslider{
	width:118px;
    height: 15px;
    padding-top: 0px;
}
input#volumeslider{
	width: 90px;
}
div#timebox{
	margin: 23px 10px 0px 0px;
	float:left;
	width:80px;
	background:#000;
	border-bottom:#333 1px solid;
	text-align:center;
	color: #09F; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
input[type='range'] {
    -webkit-appearance: none !important;
	margin:0px;
	padding:0px;
    padding-top: 0px;
    background: white;
    height:15px;
	border-bottom:#333 0px solid;
}
input[type='range']::-ms-fill-lower  {
	background: white;
}
input[type='range']::-ms-fill-upper  {
	background: white;
}
input[type='range']::-moz-range-track {
	border:none;
    background:  white;
}
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
	/*
    background: radial-gradient(#FFF, #333);
    */
    background: radial-gradient(#FFF, rgb(221, 7, 7));
    height:11px;
    width:11px;
	border-radius:100%;
	cursor:pointer;
}
input[type='range']::-moz-range-thumb {
    /*
    background: radial-gradient(#FFF, #333);
    */
    background: radial-gradient(#FFF, rgb(221, 7, 7));
    height:11px;
    width:11px;
	border-radius:100%;
	cursor:pointer;
}
input[type='range']::-ms-thumb {
    -webkit-appearance: none !important;
    /*
    background: radial-gradient(#FFF, #333);
    */
    background: radial-gradient(#FFF, rgb(221, 7, 7));
    height:11px;
    width:11px;
	border-radius:100%;
	cursor:pointer;
}